/*
  学习目标：hooks-useState的基本使用
  语法：const [数据变量， 更新变量的函数] = useState(初始值)
    
    数据变量 等同于 this.state.xxx
    更新变量的函数 等同于 this.setState({xxx: })
*/

// 函数式组件快捷键： rfc
// 1. 导入useState
import { useState } from 'react';

export default function App() {
  // 2. 调用useState， 解构
  const [count, setCount] = useState(99);

  return (
    <div>
      <h1>{count}</h1>
      <button
        // 3. 插值使用和绑定事件
        onClick={() => {
          setCount(count + 1);
        }}
      >
        点我+1
      </button>
    </div>
  );
}
